/**
  * 颜色
  * size范围
  */

$color-black: #333 !default;
$color-white: #ffffff !default;
$color-grey: #888 !default;
$color-green: #19be6b !default;
$color-blue: #61c3ff !default;
$color-yellow: #FDAE30 !default;
$color-red: #fd4f51 !default;

$color-title: #333 !default;
$color-content: #494949 !default;
$color-disabled: #c5c8ce !default;

$bg-grey: #f9f9f9 !default;
$bg-white: #ffffff !default;
$bg-black: #393D49 !default;
$bg-block-grey: #f2f2f2 !default;

$color-border: #f9f9f9 !default;

// 主题背景色
$bg-colors: (
  'white': $bg-white,
  'black': $bg-black,
  'grey': $bg-grey,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red,
  'block-grey': $bg-block-grey
) !default;

// 文本颜色
$text-colors: (
  'white': $color-white,
  'black': $color-black,
  'grey': $color-grey,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red,
  'title': $color-title,
  'content': $color-content,
  'disabled': $color-disabled
) !default;

// 边框颜色
$border-colors: (
  'white': $color-white,
  'black': $color-black,
  'grey': $color-border,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red
) !default;

// border
$border-width-through: 20 !default;
$border-radius-through: 20 !default;

// margin padding
$box-sizes: (
  -20, -15, -12, -10, -8, -6, -5, -4, -3, -2, -1,
  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15, 20, 25, 30, 35, 40, 50, 60, 80, 100) !default;

// width height
$sizes: (
  40, 50, 55, 60, 70, 80, 90, 100,
  120, 150, 200, 250, 300, 400, 500) !default;

// font-size
$font-size-em-through: 20 !default;
$font-size-em-decimal-through: 5 !default;
$font-size-rem-through: 20 !default;
$font-size-rem-decimal-through: 5 !default;
$font-size-px-through: 80 !default;

// line-height
$line-height-through: 20 !default;
$line-height-decimal-through: 5 !default;
$line-height-px-through: 60 !default;
